import React from 'react';
import "./index.less"
function FoodItemLeft (props) {
  return (
    <div className="food_left">

    </div>
  )
}
function FoodItemRight (props) {
  return (
    <div className="food_right">
      {
        [1,2,3,4,5,6].map((item,index)=>{
          return (
            <div className="food_right_item" key={index}>{item}</div>
          )
        })
      }
    </div>
  )
}

function FoodContent (props) {
  return (
    <div className="foot_content">
      <FoodItemLeft />
      <FoodItemRight/>
    </div>

  )
}
function FoodItemHead (props) {
  return (
    <div className="foot_head">
      <h4 className="foot_title">食品</h4>
      <div className="foot_mintitle">Fruits</div>
    </div>
  )
}
function FoodItem (props) {
  return (
    <div className="food_content">
      <FoodItemHead />
      <FoodContent />
    </div>
  )
}
export default FoodItem